<script setup lang="ts">
import { ref, reactive } from "vue";
const state = reactive<any>({
  count: ref(0),
});
const { count } = state;

const clickhandle = () => {
  state.count++;
};
</script>
<template>
  <main>
    <div class="home">
      <div>{{ $test("home页面中的数据") }}</div>
      <svg
        width="500px"
        height="500px"
        viewBox="0 0 100 100"
        xmlns="http://www.w3.org/2000/svg"
      >
        <g stroke="#333" fill="transparent" stroke-width="3">
          <circle cx="25" cy="25" r="15" />
          <circle cx="40" cy="25" r="15" />
          <circle cx="55" cy="25" r="15" />
          <circle cx="70" cy="25" r="15" />
        </g>
      </svg>
      <div v-has>111111</div>
      <div @click="clickhandle">{{ count }} - {{ state.count }}</div>
    </div>
  </main>
</template>
<style lang="scss">
.home {
  color: white;
}
</style>
